<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <title>智辉CRM</title>
    <meta name="keywords" content="智辉CRM">
    <meta name="description" content="智辉CRM">
    <link rel="Bookmark" href="favicon.ico">
    <link rel="Shortcut Icon" href="favicon.ico" />
    <!--[if lt IE 9]> 
    <script type="text/javascript" src="Lib/html5.js"></script>
    <script type="text/javascript" src="Lib/respond.min.js"></script>
    <script type="text/javascript" src="Lib/PIE_IE678.js"></script>
    <![endif]-->
    <link href="__PUBLIC__/css/H-ui.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/lib/Hui-iconfont/1.0.6/iconfont.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/css/style.css" rel="stylesheet" type="text/css" />
    <!--自己的样式-->
    <link href="Tpl/Assistant/common/account/account_manage.css" rel="stylesheet" type="text/css">
    <!--[if IE 6]> 
    <script type="text/javascript" src="Lib/DD_belatedPNG_0.0.8a-min.js" ></script>
    <script>DD_belatedPNG.fix('.pngfix,.icon');</script> 
    <![endif]-->
    <link href="__PUBLIC__/Validform/5.3.2/style.css" rel="stylesheet" type="text/css" />
    
    
    
</head>

<body>
<div class="row  pad2">
        <div class="col-8">房屋名称：{$data['room']['full_parent_name']}{$data['room']['name']}</div>
        <div class="col-4">当前业主：{$data['room']["householder_name"]}，{$data['room']["householder_mobi"]}</div>
        <!--<div class="col-2"><a href="" class="f-r"><span>查看详情></span></a></div>-->
    </div>
    <div class="row" style="margin-top: 6px"><span style="font-size: 16px;color: #3bb4f2;padding: 20px"><i class="Hui-iconfont">&#xe687;</i>&nbsp;账单明细</span></div>
    <div class="row border_b" id="message">
                        <div class="col" style="padding: 0 20px">
                            <table class="table table-border table-bordered table-bg" >
                                <thead>
                                    <tr>
                                        <th>缴费项目名称</th>
                                        <th>责任户主</th>
                                        <th>户主手机</th>
                                        <th>年度</th>
                                        <th>开始时间</th>
                                        <th>结束时间</th>
                                        <th>缴费截止</th>
                                        <th>需缴金额</th>
                                        <th>状态</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <volist name="data['data']" id='v'>
                                    <tr>
                                        <td>{:getDicName('expenseType',$v['type'])}</td>
                                        <td>{$v.payer_name}</td>
                                        <td>{$v.payer_phone}</td>
                                        <td>{$v.year}</td>
                                        <td>{$v.start_time|date="Y.m.d",###}</td>
                                        <td>{$v.end_time|date="Y.m.d",###}</td>
                                        <td>{$v.close_time|date="Y.m.d",###}</td>
                                        <td>{$v.money}</td>
                                        <td>{$v['status']?'已缴纳':'未缴纳'}</td>
                                    </tr>
                                </volist>
                                    
                                </tbody>
                            </table>
                            <div style="text-align: center;margin-top: 10px">{$page}</div>
                        </div>
                    </div>

        <div class="content">
            <div id="record">
                <div class="row"><span style="font-size: 16px;color: #3bb4f2;margin-bottom: 4px"><i class="Hui-iconfont">&#xe627;</i>&nbsp;账单记录</span></div>
                <volist name="data['log']" id="v">
                <div class="row pad">
                    <span><strong>{$v.payer_name}&nbsp;</strong>通过<strong>&nbsp;{:getDicName('payWay',$v['pay_way'])}&nbsp;</strong>支付了<strong>{$v.pay_money}</strong>元。</span>
                    <span>{$v['pay_time']|date="Y.m.d",###}</span>
                </div>
                </volist>
            </div>
            <div id="pay">
                <div class="row"><span style="font-size: 16px;color: #3bb4f2;margin-bottom: 4px"><i class="Hui-iconfont" style="font-size: 20px">&#xe6b7;</i>&nbsp;缴费</span></div>
                总需要缴纳:{$data.total_money}元   已经缴纳:{$data.pay_money}元
                <assign name="isLook" value="$Think.get.isLook"/>
                <if condition="$data['status']==0 && $isLook!=1">
                <form method="post" id="acc" class="demoform">
                    <input type="hidden" value="{$data.id}" name="id">
                    <span>缴费人：</span><input type="text" name="payer_name" class="input-text margin_b date" datatype="*1-10" errormsg="请填写缴费人名称！">
                    <span>缴费金额：</span><input type="text" name="pay_money" class="input-text margin_b date" datatype="*1-10" errormsg="请填写正确的金额！">
                    <span>备注：</span><input type="text" name="remark" class="input-text margin_b date">
                    <span>缴费方式：</span>
                    <select name="pay_way" id="" class="select margin_b" datatype="*1-10">
                        <option value="1">现金支付</option>
                        <option value="3">刷卡支付</option>
                        <option value="4">其他支付方式</option>
                        <!--<volist name="payWay" id="v">-->
                            <!--<option value="{$v.value}">{$v.text}</option>-->
                        <!--</volist>-->
                    </select>
                    <span>缴费时间：</span><input type="text" name="pay_time" onfocus="WdatePicker()" class="input-text margin_b" datatype="/^((?:19|20)\d\d)-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/" errormsg="请填写正确的日期！">
                        <input type="submit" class="btn btn-success-outline radius posi" value="确定">
                    <elseif condition="$isLook==1"/>
                    <div class="row" style="text-align: center;">
                        <div class="col-12" style="margin-top: 120px"><span style="font-size: 30px;color: #5eb95e;">查看界面!</span></div>
                    </div>
                    <else />
                    <div class="row" style="text-align: center;">
                        <div class="col-12" style="margin-top: 120px"><span style="font-size: 30px;color: #5eb95e;">付款完毕!</span></div>
                    </div>
                    </if>
                </form>
            </div>
        </div>


    
    
    
    
    <script type="text/javascript" src="__PUBLIC__/lib/jquery/1.9.1/jquery.min.js"></script>
    <script type="text/javascript" src="__PUBLIC__/js/H-ui.js"></script>
    
    <script src="__PUBLIC__/lib/layer/2.1/layer.js"></script>
    <!-- <script src="Tpl/Assistant/common/expense/layerui.js"></script> -->
    <script type="text/javascript" src="__PUBLIC__/Validform/5.3.2/Validform.min.js"></script>
    <script src="http://cdn.bootcss.com/jquery.form/3.51/jquery.form.min.js"></script>
    <!--时间插件-->
    <script type="text/javascript" src="__PUBLIC__/lib/My97DatePicker/WdatePicker.js"></script>
    <!-- <script type="text/javascript" src="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.js"></script>
    <link rel="stylesheet" type="text/css" href="__PUBLIC__/datepicker/jquery-ui-1.9.2.custom.min.css" />  -->   
<script>
    $(".demoform").Validform();
    // $( "input[name='pay_time']" ).datepicker({dateFormat: "yy-mm-dd"});

</script>
</body>

</html>

